<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
		
		<link rel="stylesheet" type="text/css" href="js/lib/fullpage/global.css"/>
		<link rel="stylesheet" type="text/css" href="js/lib/fullpage/zepto.fullpage.css"/>
		<style type="text/css">
			a.fonticon{  display: block;position: absolute;right: 10%;top: 10%;z-index: 1000;color: #EFEFEF;font-size: 14px;text-decoration: none;border: 1px solid #CFCFCF;line-height: 25px;padding: 0px 10px;border-radius: 3px;background-color: rgba(39, 38, 38, 0.37);}
		</style>
	</head>
	<body>
		
		<div class="wp">
        	<a href="" class="fonticon">跳过 ></a>
	        <div class="wp-inner">
	            <div class="page"><img src="img/custom-1.jpg"/></div>
	            <div class="page"><img src="img/custom-2.jpg"/></div>
	            <div class="page"><img src="img/custom-3.jpg"/></div>
	            <div class="page"><a href="http://www.baidu.com"><img src="img/custom-4.jpg"/></a></div>
	        </div>
	    </div>
	    
		<script src="js/lib/fullpage/js.fullpage.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			document.getElementsByClassName('wp-inner')[0].fullpage({dir: 'h'});
		</script>
		
	</body>
</html>
